<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/demo.css">
</head>

<body>
    <table id="header" border="1">
        <tr class="title">
            <th><input type="checkbox" name="selectAll" id="selectAll">全选</th>
            <th>商品</th>
            <th>单价</th>
            <th>数量</th>
            <th>小计</th>
            <th>操作</th>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="select" id="select">
            </td>
            <td>
                <img src="./img/支付平台-支付宝.svg" width="50" alt="">
                <span>啊实打实打算</span>
            </td>
            <td>
                <span>59999.88</span>
            </td>
            <td>
                <div class="count-container">
                    <button>-</button>
                    <input type="text" value="1" size="4">
                    <button>+</button>
                </div>
            </td>
            <td>
                <span id="price">1</span>
            </td>
            <td>
                <a class="delete">删除</a>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="select" id="select">
            </td>
            <td>
                <img src="" alt="">
                <span>啊实打实打算</span>
            </td>
            <td>
                <span>59999.88</span>
            </td>
            <td>
                <div class="count-container">
                    <button>-</button>
                    <input type="text" value="1" size="4">
                    <button>+</button>
                </div>
            </td>
            <td>
                <span id="price">2</span>
            </td>
            <td>
                <a class="delete">删除</a>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="select" id="select">
            </td>
            <td>
                <img src="" alt="">
                <span>啊实打实打算</span>
            </td>
            <td>
                <span>59999.88</span>
            </td>
            <td>
                <div class="count-container">
                    <button>-</button>
                    <input type="text" value="1" size="4">
                    <button>+</button>
                </div>
            </td>
            <td>
                <span id="price">3</span>
            </td>
            <td>
                <a class="delete">删除</a>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="select" id="select">
            </td>
            <td>
                <img src="" alt="">
                <span>啊实打实打算</span>
            </td>
            <td>
                <span>59999.88</span>
            </td>
            <td>
                <div class="count-container">
                    <button>-</button>
                    <input type="text" value="1" size="4">
                    <button>+</button>
                </div>
            </td>
            <td>
                <span id="price">4</span>
            </td>
            <td>
                <a class="delete">删除</a>
            </td>
        </tr>
    </table>
    <table id="footer" border="1">
        <tr class="title">
            <td>
                <input type="checkbox" name="selectAllFooter" id="selectAllFooter">全选
            </td>
            <td>
                <a class="deleteAll">删除</a>
            </td>
            <td></td>
            <td></td>
            <td>总计：￥</td>
            <td>结算</td>
        </tr>
    </table>

    <script src="./js/demo.js"></script>
</body>

</html>